<template>
  <div>

    <router-view/>

    <van-tabbar v-model="active" route @change="onChange">
      <van-tabbar-item name="home" icon="column" to="/home/work/suggest/index">合理化建议</van-tabbar-item>
      <van-tabbar-item name="search" icon="label" to="/home/work/my-task/index">我的任务</van-tabbar-item>
      <van-tabbar-item name="add" to="/home/work/add/index">
        <template>
          <van-icon name="add" size="50px"/>
        </template>
      </van-tabbar-item>
      <van-tabbar-item name="friends" icon="ascending">排行榜</van-tabbar-item>
      <van-tabbar-item name="setting" icon="newspaper-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>

</template>

<script>

import {Notify} from "vant";

export default {
  name: "Index",
  data() {
    return {
      active: 'home',
    };
  },
  methods: {
    onChange(index) {
      this.active = index;
    },
  },

}
</script>

<style scoped>

</style>
